/*-------------------------------------------------
=  Table of Css
1.页面标题
2.内容wrap
3.底部导航

--------------------------*/



/*-------------------------------------------------*/
/* =  1.顶部导航
/*-------------------------------------------------*/
html,body{
    background-color: #fff;
    color: var( --gray900 );
}

.pagetitle{
    height:.5rem;
    line-height: .5rem;
    padding:0 .1rem;
}

.listbottom{
    height: .5rem;
    line-height: .5rem;
}


.wrap{


}


/*列表标题*/
.list-header{
    border-left:3px solid transparent;
    padding-left:5px;
    height:.5rem;
}
.list-header .h-info{
    width:80%;
}
/*列表双层标题*/
.list-header .h-info .title {
    line-height:.3rem;
    height: .3rem;
    font-weight: bold;
}
.list-header .h-info .subtitle{
    line-height:.2rem;
    height: .2rem;
    font-size:80%;
}

/*列表单层标题*/
.list-header .h-info .onetitle{
    line-height:.5rem;
    height: .5rem;
    font-size: 110%;
    font-weight: bold;
}


.list-header .h-icon{
    width:15%;
    line-height: .5rem;
    margin-right:.15rem;
}




/*常规列表列表*/
.commonlist{
    margin:.05rem auto;
}
.commonlist .l-item{
    margin:.1rem auto;
}
.commonlist .l-item a{
    
}

.commonlist .l-item .l-item-img{
    width:1rem;
    height:1rem;
    padding:.1rem;
}

.commonlist .l-item .l-item-img div.img{
    background-position: center center;
    background-size: cover;
    width:100%;
    height: 100%;
    border-radius:.08rem;
}

.commonlist .l-item .l-item-body{
    margin:.03rem  0.15rem .03rem .05rem;
    line-height:.3rem;
}


.commonlist .l-item .l-item-body  .title{
    /*font-weight: bold;*/
    font-size: 110%;
}
.commonlist .l-item .l-item-body  .subtitle{
    font-size: 90%;
}

.commonlist .l-item .l-item-body  .simpleinfo{
    font-size: 80%;
}

/*图片双栏布局*/
/*
<div class="l-item-img center fl">
   <div class="img" style="background-image: url('../../assets/img/staff<?php echo $i; ?>.jpg')" > </div>
</div>
<div class="l-item-body">
    <div class="title oneline">课程标题课程标题课程标题</div>
    <div class="subtitle oneline">课程描述课程描述课程描述课程描述课程描述课程描述</div>
    <div class="simpleinfo around tc">
        <span>XX老师</span>
        <span></span>
        <span class="ion-ios-calendar-outline">2017-01-01</span>
    </div>
</div>
 */

.imglist{
    margin:.05rem auto;
}
.imglist .line1{
    display: none;
}
.imglist .l-item{
    margin:.1rem auto;
    float: left;
    width:50%;
}
.imglist .l-item::after{
    content:"";
    display:table;
    height:0;
    visibility:both;
    clear:both;
}
.imglist .l-item a{
    
}

.imglist .l-item .l-item-img{
    width:100%;
    height:1.2rem;
    padding:.1rem;
    float: none;
}

.imglist .l-item .l-item-img div.img{
    background-position: center center;
    background-size: cover;
    width:100%;
    height: 100%;
    border-radius:.08rem;
}

.imglist .l-item .l-item-body{
    margin:.03rem  0.15rem;
    line-height:.3rem;
}


.imglist .l-item .l-item-body  .title{
    /*font-weight: bold;*/
    font-size: 110%;
}
.imglist .l-item .l-item-body  .subtitle{
    font-size: 90%;
}

.imglist .l-item .l-item-body  .simpleinfo{
    font-size: 80%;
}


.list-group{
    box-shadow: none;
    line-height: .2rem;
}
.list-group-item{
    /*background:var(  --gray800 );*/
    background:none;
    border:none;
    box-shadow:0px 0px 1px #eee;
}

.nav{
    position: fixed;
    z-index:2;
    bottom:0;
    width:100%;
    height: .5rem;
    line-height: .2rem;
    box-shadow: 0 -1px 3px transparent;
}

.nav.showshadow{
    box-shadow: 0 -1px 3px #ddd; 
}

.nav .navlist .navitem{
    margin-top:.05rem;
}


.nav .navlist .navitem .navicon{
    font-size: 120%;
}

.nav .navlist .navitem .navtext{
    font-size: 80%;
}


/*模态框背景*/
.cover{
    width:100%;
    height: 100%;
    position: fixed;
    background:rgba(0,0,0,.9); 
    z-index: 9;
    top:0px;
    left:-120%;
    transition:all .3s;
}
/*选择报修内容*/
.coverreapir{
    width:100%;
    position: fixed;
    background:none;
    z-index: 10;
    top:2rem;
    left:-120%;
    transition:all .3s;
}
/*进入教师中心内容*/
.coverteacher,.coversetting{
    width:100%;
    position: fixed;
    background:#fff;
    z-index: 10;
    bottom:0;
    left:-120%;
    transition:all .3s;
    padding: .2rem .15rem .8rem;
}
.l0{
    left:0px !important;
}

.blur {    
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);    
}



/*覆盖*/
.form-horizontal{
  padding:0 15px;
}
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.form-horizontal .form-group input,.form-horizontal .form-group select,.form-horizontal .form-group button,.form-horizontal .form-group textarea{
        border: none;
        outline: none;
        border-bottom: 1px solid #eee;
        border-radius: 0;
        height:.4rem;
        box-shadow: none;
}

 .form-horizontal .form-group textarea{
   min-height:.8rem;
   resize:none;
   overflow:hidden;
 }